/* 圆角边框表格 */
.table__border-radius {
  --_radius: var(--radius, 8px);

  text-align: center;
  border-collapse: collapse;
  width: 100%;
  border: 1px hidden;
  border-radius: var(--_radius);
  box-shadow: 0 0 0 1px theme('colors.sys.layer.e'); // 用阴影模拟边框，使得表格四个角可以有圆角

  th,
  td {
    border: 1px solid theme('colors.sys.layer.e');
    font-weight: 400;
  }

  tr:first-child :is(th, td):first-child {
    border-top-left-radius: var(--_radius);
  }

  tr:first-child :is(th, td):last-child {
    border-top-right-radius: var(--_radius);
  }

  tr:last-child :is(th, td):first-child {
    border-bottom-left-radius: var(--_radius);
  }

  tr:last-child :is(th, td):last-child {
    border-bottom-right-radius: var(--_radius);
  }
}
